/* 弹性盒子 */
.flex {
    display: flex;
}

/* 纵向排列 */
.flex2 {
    display: flex;
    flex-direction: column;
}

/* 水平居中,垂直居中 */
.fcc {
    display: flex;
    justify-content: center;
    align-items: center;

}


/* 两端对齐 */
.fsc {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.jc-sb {
    justify-content: space-between;
}

/* 分散对齐 */
.jc-sa {
    justify-content: space-around;
}

/* 右对齐 */
.jc-end {
    justify-content: flex-end;
}

/* 居中 */
.jc-center {
    justify-content: center;
}

/* 垂直居中 */
.aic {
    align-items: center;
}

/* 顶部对齐 */
.ai-fs {
    align-items: flex-start;
}

/* 顶部对齐 */
.ai-fe {
    align-items: flex-end;
}

/* 分配剩余空间 */
.fg1 {
    flex-grow: 1;
}

.fg2 {
    flex-grow: 2;
}

/* 隐藏 */
.hide {
    display: none;
}

/* 定位相关 */
.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

.rel {
    position: relative;
}

.abs {
    position: absolute;
}

.fixed {
    position: fixed;
}

/* 宽度相关 */
.width-max {
    width: 100%;
}

/* 显示一行，省略号 */
.rows-1 {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /* word-break: break-all; */
}

/* 显示两行，省略号 */
.rows-2 {
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

/* 字体颜色 */
.fff {
    color: #fff;
}

.c333 {
    color: #333;
}

.c666 {
    color: #666;
}

.c999 {
    color: #999;
}

.red {
    color: red;
}


/* 字体加粗 */
.bold-500 {
    font-weight: 500;
}

.bold-600 {
    font-weight: 600;
}

.bold-700 {
    font-weight: 700;
}

/* 间距相关 */
.m-t-07 {
    margin: .05rem 0;
}

.m-t-10 {
    margin-top: .1rem;
}

.m-t-20 {
    margin-top: .2rem;
}

.m-t-30 {
    margin-top: .3rem;
}

.m-l-10 {
    margin-left: .1rem;
}

.m-l-20 {
    margin-left: .2rem;
}

.m-l-30 {
    margin-left: .3rem;
}

.m-r-10 {
    margin-right: .1rem;
}

.m-r-20 {
    margin-right: .2rem;
}

.m-r-30 {
    margin-right: .3rem;
}

.m-b-10 {
    margin-bottom: .1rem;
}

.m-b-20 {
    margin-bottom: .2rem;
}

.m-b-30 {
    margin-bottom: .3rem;
}

/* 内边距 */
.p-05 {
    padding: .05rem;
}

.p-10 {
    padding: .1rem;
}

.p-16 {
    padding: .16rem;
}

.p-20 {
    padding: .2rem;
}

.p-20-0 {
    padding: .2rem 0;
}

.p-0-20 {
    padding: 0 .2rem;
}

.p-10-0 {
    padding: .1rem 0;
}

.p-0-10 {
    padding: 0 .1rem;
}

.p-0-16 {
    padding: 0 .16rem;
}

.p-16-0 {
    padding: .16rem 0;
}

/* 顶部头标区域 */
.title-icon {
    width: 0.24rem;
    margin-right: 0.05rem;
}

/* 颜色变高亮 */
.active {
    color: red;
}


/* 富文本数据空格识别 */
.richText {
    white-space: pre-wrap;
}

/* 富文本的p标签的间距 */
.richText p {
    line-height: .35rem;
}

/* 富文本居中样式 */
.ql-align-center {
    text-align: center;
}

.ql-align-right {
    text-align: right;
}

.ql-align-left {
    text-align: left;
}

/* 版心区域 */
.area-center {
    width: 95%;
    height: 100%;

}

/* 标题和段落 */
.m-t-0 {
    margin-top: .05rem;
}

/* 弹性盒子的居中 */
.war {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}